<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>小视频数据分析平台</title>

    <!-- Favicons -->
    <link href="/static/img/favicon.png" rel="icon">
    <link href="/static/img/apple-touch-icon.png" rel="apple-touch-icon">

    <!-- Bootstrap core CSS -->
    <link href="/static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--external css-->
    <link href="/static/lib/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/static/css/zabuto_calendar.css">
    <link rel="stylesheet" type="text/css" href="/static/lib/gritter/css/jquery.gritter.css"/>
    <!-- Custom styles for this template -->
    <link href="/static/css/style.css" rel="stylesheet">
    <link href="/static/css/style-responsive.css" rel="stylesheet">

    <!--我的-->
    <link rel="stylesheet" type="text/css" href="/static/mycss/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/mycss/style.css">

    <link rel="stylesheet" type="text/css" href="/static/mycss/my.css">
    <link rel="stylesheet" type="text/css" href="/static/mycss/miniIndex.css">
    <script src="/static/lib/highcharts.src.js"></script>
</head>

<body class="all_default_font" style="position: relative;">


<section id="container" style="min-width:1360px;width:100%;">
    <div th:replace="component/component::header(1)"></div>
    <div th:replace="component/component::aside(1)"></div>
    <section id="main-content" style="background-color:#EAEAEA;">
        <!--        <div style="display:none;align-items:center;justify-content:center; ">-->
        <div id="zoomPlaceParent" style="display:none;height: 100%">
            <div id="zoomPlace" style="margin-bottom: 50px"></div>
        </div>
        <section style="" class="wrapper">

            <!--搜索栏-->
            <div style="width: 100%;margin-bottom: 20px;margin-top:5px;background-color:#fff;">
                <ul class="nav nav-tabs default_font" id="platform_tab">
                    <li role="presentation" class="active default_active_font" onclick="switch_platform(this,1)"><a
                            href="#">抖音</a></li>
                    <li role="presentation" onclick="switch_platform(this,2)"><a href="#">西瓜平台</a></li>
                    <li role="presentation" onclick="switch_platform(this,3)"><a href="#">火山平台</a></li>
                </ul>
                <div style="float: right;top: -38px;position: relative">
                    <div class="input-group  search-inputs" style="width: 250px;">
                        <input id="search_input" type="text" class="form-control" placeholder="搜索达人..."/>
                        <span class="input-group-btn">
                <button id="search_btn" class="btn btn-default  search-input-btn" type="button">搜索!</button>
            </span>
                    </div><!-- /input-group -->
                </div>
                <!--多条删选-->
                <div id="searchcon" style="width: 100%"></div>

                <div style="font-size:14px">
                    <button id="data_btn" type="button" class="btn btn-primary"
                            style="margin-top: 0px;margin-left: 10px;"
                            onclick="switch_panel(0)">达人列表
                    </button>
                    <button id="type_property_btn" type="button" class="btn btn-default"
                            style="border-width: 0px;"
                            onclick="switch_panel(1)">
                        平台属性
                    </button>
                </div>
                <div style="height: 10px;"></div>
            </div>
            <!--达人列表-->
            <div id="data_panel" style="display: block"></div>
            <!--行业属性-->
            <div id="type_property_panel" style="display: none;">
                <nav class="navbar navbar-default" id="nav_plat"
                     style="margin-bottom: 10px;height: 40px!important;top: 0px;z-index: 100">
                    <div class="container-fluid">
                        <button id="switch_platform_btn1" type="button" class="btn btn-primary navbar-btn small_btn">
                            <a href="#type_property_panel">概览</a>
                        </button>
                        <button id="switch_platform_btn2" type="button" class="btn btn-default navbar-btn small_btn"
                                style="margin-left:10px ">
                            <a href="#playPanel">其他</a>
                        </button>
                    </div>
                </nav>
                <div class="row mt" style="margin-top: 0px;padding-left: 15px;padding-right: 15px">
                    <div id="gailan_panel" style="display: block">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="showback">
                                    <div id="allFan_And_falseFan_panel" class="zoom_control"
                                         style="height: 250px;width: 100%"></div>

                                </div>
                                <div class="showback">
                                    <div id="allFan_And_price_panel" class="zoom_control" style="height: 250px;"></div>
                                    <div id="playPanel" class="zoom_control"></div>
                                </div>

                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <!--  粉丝增长取数 -->
                                <div class="showback">
                                    <div id="allFan_And_videoNum_panel" class="zoom_control"
                                         style="height: 250px;"></div>
                                </div>
                                <div class="showback">
                                    <div id="playNum_And_avgShare_panel" class="zoom_control"
                                         style="height: 250px;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="showback">
                                    <div id="playNum_And_avgLike_panel" class="zoom_control"
                                         style="height: 250px;"></div>

                                </div>

                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12">
                                <div class="showback">
                                    <!--                                    <span style="margin-left: 20px;color: #333333">说明</span>-->
                                    <div id="playNum_And_avgComment_panel" class="zoom_control"
                                         style="height: 250px;"></div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!--  <div id="xiangxi_panel" style="display: none">
                          <div class="col-lg-6 col-md-6 col-sm-12">
                              &lt;!&ndash;  BASIC PROGRESS BARS &ndash;&gt;
                              <div class="showback" id="myshowback">
                                  <span style="margin-left: 20px;color: #333333">提示：单位播放量=总播放量/真粉数</span>
                                  <div>
                                      <img src="/static/myimg/avgfan_per_playnum.png" alt="">
                                  </div>
                              </div>
                              &lt;!&ndash;/showback &ndash;&gt;
                              <div class="showback">
                                  <span style="margin-left: 20px;color: #333333"></span>
                                  <div>
                                      <img src="/static/myimg/avg_share_per_playnum.png" alt="">
                                  </div>
                              </div>

                          </div>
                          &lt;!&ndash; /col-lg-6 &ndash;&gt;
                          <div class="col-lg-6 col-md-6 col-sm-12">
                              <div class="showback">
                                  <div>
                                      <img style="width: auto" src="/static/myimg/avg_comment_per_playnum.png" alt="">
                                  </div>
                              </div>
                              &lt;!&ndash; /showback &ndash;&gt;
                              <div class="showback">
                                  其他面板
                              </div>
                              &lt;!&ndash; /showback &ndash;&gt;
                          </div>
                      </div>-->
                </div>
            </div>
        </section>
    </section>

</section>


<script src="/static/lib/jquery/jquery.min.js"></script>

<script src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="/static/lib/jquery.dcjqaccordion.2.7.js"></script>
<script src="/static/lib/jquery.scrollTo.min.js"></script>
<script src="/static/lib/jquery.nicescroll.js" type="text/javascript"></script>
<script src="/static/lib/jquery.sparkline.js"></script>
<!--common script for all pages-->
<script src="/static/lib/common-scripts.js"></script>
<script type="text/javascript" src="/static/lib/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="/static/lib/gritter-conf.js"></script>
<!--script for this page-->
<script src="/static/lib/sparkline-chart.js"></script>
<script src="/static/lib/zabuto_calendar.js"></script>

<script src="/static/lib/chart-master/Chart.js"></script>
<script src="/static/myjs/TweenMax.js"></script>
<script src="/static/myjs/venn.js"></script>
<script src="/static/myjs/oldie.js"></script>
<script src="/static/myjs/exporting.js"></script>
<script src="/static/myjs/myjs/store.js"></script>
<script src="/static/myjs/myjs/common.js"></script>
<script type="text/javascript" src="/static/myjs/search.js"></script>
<script type="text/javascript" src="/static/myjs/a.js"></script>
<script src="/static/myjs/myjs/index.js"></script>
</body>

</html>
